.ui.inverted.vertical.menu.location-pane {
    width: 100%;
    padding: 0.5rem 0;
}
.ui.menu.inverted .item.location-item-pane {
    padding: 0 !important;
    .active.content.menu {
        padding: 0 !important;
        margin: 0 !important;
    }
    &:after {
        position: absolute;
        content: '';
        top: 100%;
        left: 0;
        width: 100%;
        height: 1px;
        margin-top: 8px;
        background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.03) 0, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.03) 100%) !important;
        background-image: linear-gradient(left, rgba(0, 0, 0, .03) 0, rgba(0, 0, 0, .1) 1.5em, rgba(0, 0, 0, .03) 100%) !important;
    }
}
.active.title.monitor-type {
    color: #45C984 !important;
    font-weight: bolder;
    padding: 0.8rem 10px 0.8rem 0;
    background-color: #333 !important;
    &:hover {
        color: #27EE87 !important;
    }
}
// .ui.menu .item.location-item:hover {
//     background-color: #484848 !important;
// }
.ui.inverted.menu .item.location-item {
    color: #ddd !important;
    font-weight: bolder;
}
.ui.inverted.menu .item.location-item.active {
    // color: #F72885 !important;
    color: #fff !important;
    // background-color: #2B6E7A !important;
    // box-shadow: 3px 0 0 0 #F72885 inset !important;
}
//一般性的点数的背景色
.ui.inverted.label.normal {
    background-color: #111 !important;
}
//acordion的动画
.content.menu {
    max-height: 0;
    opacity: 0;
    overflow-y: hidden;
    &.show {
        animation: showAccordion 0.6s ease-out;
        -webkit-animation: showAccordion 0.6s ease-out;
        animation-fill-mode: forwards;
        -webkit-animation-fill-mode: forwards;
        max-height: 1600px;
        opacity: 1;
        // transition: height 0.2s ease-out, opacity 0.1s ease 0.2s;
        // -webkit-transition: height 0.2s ease-out, opacity 0.1s ease 0.2s;
        // transform: scaleY(1);
        // transform-origin: top;
        // opacity: 1;
    }
    &.hide {
        animation: hideAccordion 0.4s ease-out;
        -webkit-animation: hideAccordion 0.4s ease-out;
        animation-fill-mode: forwards;
        -webkit-animation-fill-mode: forwards;
        max-height: 0;
        opacity: 0;
        // transition: height 0.2s ease-out 0.1s, opacity 0.1s ease;
        // -webkit-transition: height 0.2s ease-out, opacity 0.1s ease 0.2s;
        // transform: scaleY(0);
        // transform-origin: top;
        // opacity: 0;
    }
}
@keyframes showAccordion {
    0% {
        opacity: 0;
        max-height: 0;
    }
    100% {
        opacity: 1;
        max-height: 1600px;
    }
}
@-webkit-keyframes showAccordion {
    0% {
        opacity: 0;
        max-height: 0;
    }
    100% {
        opacity: 1;
        max-height: 1600px;
    }
}
@keyframes hideAccordion {
    0% {
        opacity: 1;
        max-height: 1600px;
    }
    100% {
        opacity: 0;
        max-height: 0;
    }
}
@-webkit-keyframes hideAccordion {
    0% {
        opacity: 1;
        max-height: 1600px;
    }
    100% {
        opacity: 0;
        max-height: 0;
    }
}
